<template>
    <h1>{{ "parent" }}</h1>
    <p>Count: {{ count }}</p>
    <button @click="handleClick">+1</button>
    <child :count="count" :num="num" @changeCount="handleClick" />
</template>

<script setup lang="ts">
import { ref } from "vue";
import child from "./child.vue";

let count = ref(0);

let num = ref(10);

const handleClick = () => {
    count.value++;
    num.value++;
};
</script>

<style scoped></style>
